<!DOCTYPE html>
<html>
  <head>
    <title>
      validate验证框架演示
    </title>

    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="../js/jquery.min.js?v=2.1.4">
    </script>
    <script src="../js/bootstrap.min.js?v=3.3.6">
    </script>

    <link type="text/css" rel="stylesheet" href="../js/validate/css/validate.css" />

    <script src="../js/validate/talent-validate-all.js" language="javascript">
    </script>
    <script src="./demo.js" language="javascript">
    </script>
    
    <link type="text/css" rel="stylesheet" href="../Styles/SyntaxHighlighter.css" />
	<link type="text/css" rel="stylesheet" href="./demo.css" />
	<script src="../Scripts/shCore.js" type="text/javascript"></script>
	<script src="../Scripts/shBrushJScript.js" type="text/javascript"></script>
	<script src="../Scripts/shBrushJava.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="container-fluid">
      <form class="form-horizontal" name="form1">
        <div class="form-group">
          <label for="inputEmail3" class="col-sm-2 control-label">
            N1
          </label>
          <div class="col-sm-3">
            <input type="text" class="form-control" id="n1" placeholder="(30, 60)">
          </div>
        </div>
        <div class="form-group">
          <label for="inputPassword3" class="col-sm-2 control-label">
            N2
          </label>
          <div class="col-sm-3">
            <input type="text" class="form-control" id="n2" placeholder="(0, 15)">
          </div>
        </div>

        <div class="form-group">
          <label for="inputEmail3" class="col-sm-2 control-label">
            N3
          </label>
          <div class="col-sm-3">
            <input type="text" class="form-control" id="n3" placeholder="需要输入6个以上字符">
          </div>
        </div>
        <div class="form-group">
          <label for="inputPassword3" class="col-sm-2 control-label">
            N4
          </label>
          <div class="col-sm-3">
            <input type="text" class="form-control" id="n4" placeholder="[5] | { [ 7, 10 ] & ( 8 , 14) }">
          </div>
        </div>

        <div class="form-group">
          <label for="inputEmail3" class="col-sm-2 control-label">
            N5
          </label>
          <div class="col-sm-3">
            <input type="text" class="form-control" id="n5" placeholder="[1] |[3] | [5]">
          </div>
        </div>


        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <input type="button" class="btn btn-default" value="验证" onclick="tt.validate()" />
          </div>
        </div>
      </form>

    </div>
  </body>
  <script id="talent_script">
    new tt.LV().set(30, 60).addId("n1");
	new tt.LV().set(0, 15).addId("n2");
	new tt.LV().set(6, '++').addId("n3");
	
	new tt.LV().set("[5] | { [ 7, 10 ] & ( 8 , 14) }").addId('n4'); //()表示闭区间，[]表示开区间，{}表示优先级，|表示或，&表示与
	new tt.LV().set("[1] |[3] | [5]").addId('n5');
  </script>
</html>
